// 使用pinia状态管理工具,将获取导航信息的列表进行状态管理

import { ref } from 'vue'
import { defineStore } from 'pinia'
import { getCategoryAPI } from '@/apis/layout';

export const useCategoryStore = defineStore('category', () => {
    // 导航列表逻辑
    // state 导航列表数据
    const categoryList = ref([])

    // action 获取导航数据的方法
    // 定义一个函数来接收数据
    // 使用函数定义可以在拿到数据时,进行相应的操作
    const getCategory = async () => {
        const res = await getCategoryAPI();
        categoryList.value = res.result
    }

    // 将数据和方法返回出去
    return {
        categoryList,
        getCategory
    }
})
